<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>我在B站玩編程</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../static/css/style.css"/>
</head>
<body>


<section class="p-5">

    <nav class="navbar navbar-expand-lg bg-dark navbar-dark fixed-top">
            <div class="container">
                <a href="#" class="navbar-brand">手机自动化</a>

                <button
                    class="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navmenu"
                >
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navmenu">
                    <ul class="navbar-nav ms-auto">
                        <!--margin start = margin left-->
                        <li class="nav-item">
                            <div class="nav-link">前端</div>
                        </li>
                        <li class="nav-item">
                            <div class="nav-link">后端</div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

    <div class="container">
        <h2 class="text-center mb-4">地址集合</h2>
        <ul class="list-group list-group-flush">
            {% for user in users %}
            <li class="list-group-item">{{ user.name|e }}<a href={{ user.url}} target="_blank">{{ user.url}}</a></li>
            {% endfor %}
        </ul>
    </div>
</section>

<script src="../static/js/bootstrap.bundle.min.js"></script>

</body>
</html>